import React,{memo} from 'react'
import { Select, Slider, Switch } from 'antd'

function XiaoXi(props:any,ref) {

  return <>
    <div className="sz-item-main">
      <div className="sz-kp">
        <div className="sz-kp-biaoti">系统通知提醒</div>
        <div className="sz-kp-liebiao ">
          <div className="sz-kp-item">
            <div>通知显示消息摘要</div>
            <div>
              <Switch size="small" defaultChecked />
            </div>
          </div>
          <div className="sz-kp-item">
            <div>表情推荐</div>
            <div>
              <Switch size="small" defaultChecked />
            </div>
          </div>
          <div className="sz-kp-item">
            <div>快捷推送表情</div>
            <div>
              <Switch size="small" defaultChecked />
            </div>
          </div>
          <div style={{borderBottom:'none'}} className="sz-kp-item">
            <div>输入"/"唤起表情</div>
            <div>
              <Switch size="small" defaultChecked />
            </div>
          </div>
        </div>
      </div>
      <div className="sz-kp">
        <div className="sz-kp-biaoti">消息提醒设置</div>
        <div className="sz-kp-liebiao ">
          <div style={{borderBottom:'none'}} className="sz-kp-item">
            <div>窗口抖动</div>
            <div>
              <Switch size="small" defaultChecked />
            </div>
          </div>
        </div>
      </div>
      <div className="sz-kp">
        <div className="sz-kp-biaoti">提示音</div>
        <div className="sz-kp-liebiao ">
          <div style={{borderBottom:'none'}} className="sz-kp-item">
            <div>打开消息提示声音</div>
            <div>
              <Switch size="small" defaultChecked />
            </div>
          </div>
        </div>
      </div>
      <div className="sz-kp">
        <div className="sz-kp-biaoti">群消息设置</div>
        <div className="sz-kp-liebiao ">
          <div style={{borderBottom:'none'}} className="sz-kp-item">
            <div>全选</div>
            <div>
              <Switch size="small" defaultChecked />
            </div>
          </div>
        </div>
      </div>

    </div>
  </>

}

export default memo(XiaoXi)

